<template>
	<view class="custom_vertical_list_swiper">
		<view class="custom_vertical_list_swiper_content">
			<swiper indicator-dots="true" autoplay="true" acceleration="true" circular="true" indicator-active-color="#ffffff" v-if="item.type === 'swiper'">
				<!-- #ifdef MP-WEIXIN -->
				<swiper-item wx:for="(imgItem, imgIndex) in item.content" wx:key="'swiper_' + imgIndex">
					<navigator :url="imgItem.url"><image :src="imgItem.img" style="width:100%;height:320rpx;"></image></navigator>
				</swiper-item>
				<!-- #endif -->
				<!-- #ifndef MP-WEIXIN -->
				<swiper-item v-for="(imgItem, imgIndex) in item.content" :key="'swiper_' + imgIndex">
					<navigator :url="imgItem.url"><image :src="imgItem.img" style="width:100%;height:320rpx;"></image></navigator>
				</swiper-item>
				<!-- #endif -->
			</swiper>
		</view>
	</view>
</template>

<script>
export default {
	name: 'custom-vertical-list-swiper',
	props: {
		item: {
			type: Object,
			default() {
				return {};
			}
		},
		isBrowser: {
			type: Boolean,
			default() {
				return false;
			}
		}
	},
	data() {
		return {};
	}
};
</script>

<style lang="less">
.custom_vertical_list_swiper {
	background-color: #ffffff;
	border-bottom: 2rpx solid #efefef;
	padding: 20rpx 0;
	.custom_vertical_list_swiper_content {
		border-radius: 10rpx;
		overflow: hidden;
	}
}
</style>
